export function hasPropsChanged(pre, next) {
    const nextKey = Object.keys(next)
    const preKey = Object.keys(pre)
// 拿到新旧节点props键的数量
    if (nextKey.length !== preKey.length) {
        return true // props数量都变了,那么必然有变化
    }

//     数量相同,那么遍历一下, 有值不一样的,那么必然有变化
    for (let i = 0; i < nextKey.length; i++) {
        const key = nextKey[i]
        if (next[key] !== pre[key]) {
            return true
        }
    }

    return false
}

export function resolveProps(options, propsData) {
    const props = {}
    const attrs = {}

    for(const key in propsData) {
        if(key in options || key.startsWith('on')) {
            props[key] = propsData[key]
        } else {
            attrs[key] = propsData[key]
        }
    }

    return [props, attrs]
}
